
div{
    width: 50%;
    animation-name: div;
    animation-duration: 2s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    margin:auto;
}
h1{
    color: #66ccff;
    text-align: center;
    border:solid #03a9f4;
    border-width: 00px;
    border-radius: 0px;
    animation-name: wuhu;
    animation-duration: 2s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    border-width: 10px;
}
a{
    text-align: center;
    text-decoration:none;
    color: #f44336;
    font-size: x-large;
    
}
* {
    font-family:lanziyou,'Lucida Sans', 
    'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

#ppp{
    color: #4caf50;
    font-size: x-large;
    text-align: center;
}

img{
    border-radius: 10px;
    width: 100%;
}

a:hover{
    color: #cddc39;
}

@font-face {
    font-family: lanziyou;
    src: url("lanSheJiGonYi.ttf");
}

@keyframes wuhu {
    0% {border-radius: 0px;}
    25%{border-radius: 5px;}
    50%{border-radius: 10px;}
    75%{border-radius: 15px;}
    100%{border-radius: 20px;}
}

@keyframes div {
    0% {width: 50%;}
    100%{width: 90%;}
}


